<!DOCTYPE html>
<html>
<head>
    <title>bTabs使用文档</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../lib/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../lib/font-awesome-4/css/font-awesome.min.css" />
    
    <link rel="stylesheet" href="../css/btabs/header.css" />
    <link rel="stylesheet" href="../css/btabs/docs.css" />
</head>

<body>
    <header class="navbar navbar-static-top" id="top">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="https://terryz.github.io/btabs/index.html" class="navbar-brand">bTabs</a>
        </div>
        <nav id="bs-navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li>
                    <a href="guide.html" >入门</a>
                </li>
                <li>
                    <a href="demo.html" >实例</a>
                </li>
                <li class="active">
                    <a href="javascript:void(0);" >文档</a>
                </li>
                <li>
                    <a href="changelog.html" >更新记录</a>
                </li>
                <li>
                    <a href="message.html" >留言/反馈</a>
                </li>
                <li>
                    <a href="https://terryz.github.io" >主页</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="https://github.com/TerryZ/bTabs" target="_blank"><i class="fa fa-lg fa-github"></i> Fork on Github</a></li>
            </ul>
        </nav>
    </div>
    </header>


    <div class="content">
        <div class="container">
			<div class="row">
				<div class="col-md-3">
					<div class="navBox">
					<ul class="nav" id="nav">
						<li class="current"><a href="#loginUrl">loginUrl</a></li>
						<li><a href="#resize">resize</a></li>
						<li><a href="#className">className</a></li>
						<li><a href="#sortable">sortable</a></li>
						<li><a href="#bTabsAdd">$.fn.bTabsAdd</a></li>
						<li><a href="#bTabsClose">$.fn.bTabsClose</a></li>
					</ul>
					</div>
				</div>
				<div class="col-md-9 propertiesBox">
					<div class="row" id="loginUrl">
						<h3>loginUrl <small>登录跳转的链接，用于处理登录超时校验后跳转</small></h3>
						<ul>
							<li><strong>类型：</strong><code>string</code></li>
							<li><strong>默认值：</strong><code>'/'</code></li>
							<li><strong>使用方式：</strong>
								<div class="usageBox">
									<p><code>loginUrl : 'http://xxx.com/login'</code></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="row" id="resize">
						<h3>resize <small>插件初始化后，对框架区域的高度、宽度等内容进行初始化的回调</small></h3>
						<ul>
							<li><strong>类型：</strong><code>function</code></li>
							<li><strong>默认值：</strong><code>无</code></li>
							<li><strong>使用方式：</strong>
								<div class="usageBox">
									<p><code>resize : function(){ $('box').height(100); }</code></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="row" id="className">
						<h3>className <small>自定义样式</small></h3>
						<ul>
							<li><strong>类型：</strong><code>string</code></li>
							<li><strong>默认值：</strong><code>无</code></li>
							<li><strong>使用方式：</strong>
								<div class="usageBox">
									<p><code>className : 'newTheme'</code></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="row" id="sortable">
						<h3>sortable <small>是否允许标签被拖拽排序，默认允许</small></h3>
						<ul>
							<li><strong>类型：</strong><code>boolean</code></li>
							<li><strong>默认值：</strong><code>true</code></li>
							<li><strong>使用方式：</strong>
								<div class="usageBox">
									<p><code>sortable : false</code></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="row" id="bTabsAdd">
						<h3>$.fn.bTabsAdd <small>打开新的标签页</small></h3>
						<ul>
							<li><strong>类型：</strong><code>function</code></li>
							<li><strong>默认值：</strong><code>无</code></li>
							<li><strong>使用方式：</strong>
								<div class="usageBox">
									<p><code>$('#mainFrameTabs').bTabsAdd(123,'用户管理','http://aaa.com/user');</code></p>
								</div>
							</li>
						</ul>
					</div>
					<div class="row" id="bTabsClose">
						<h3>$.fn.bTabsClose <small>关闭已打开的标签页</small></h3>
						<ul>
							<li><strong>类型：</strong><code>function</code></li>
							<li><strong>默认值：</strong><code>无</code></li>
							<li><strong>使用方式：</strong>
								<div class="usageBox">
									<p><code>$('#mainFrameTabs').bTabsClose(123);</code></p>
								</div>
							</li>
						</ul>
					</div>
					
					
					
					
				</div>
			</div>
        </div>
    </div>






<script type="text/javascript" src="../lib/jquery.min.js" ></script>
<script type="text/javascript" src="../lib/nav/jquery.nav.js" ></script>
<script type="text/javascript" src="../lib/stickUp/stickUp.min.js" ></script>
<script type="text/javascript" src="../js/docs.js" ></script>
<script type="text/javascript" src="../js/count.js" ></script>
</body>
</html>